/**
 * Created by wot_sunzhen on 2017/8/10.
 */
import React, { Component,PropTypes} from 'react';
import { Layout, Menu,Dropdown} from 'element-react';
import './header.less';
import ListItem from './listitem.jsx';
import {Link}from 'react-router';
class Header extends Component {
    constructor(props) {
        super(props);
    }
    static defaultProps = {

    }
    render() {

        return (
            <div className='header'>
               <div className="header-cop">
                    <ListItem text="兴业管家" className="header-list-item"/>
               </div>
                <div className="header-tip">
                     <div className="header-tip-left">
                         <div className="header-tip-left-border">
                             <ListItem text="待办" className="header-list-item"/>
                         </div>
                     </div>
                    <div className="header-tip-mid">
                        <ListItem text="消息" className="header-list-item"/>
                    </div>
                    <div className="header-tip-right">
                        <img></img>
                       <div className="user-select">
                           <Dropdown hideOnClick={false} menu={(
                              <Dropdown.Menu>
                                <Dropdown.Item>账号管理</Dropdown.Item>
                                 <Dropdown.Item>切换账号</Dropdown.Item>
                                <Link to="/login"><Dropdown.Item>退出</Dropdown.Item></Link>
                             </Dropdown.Menu>
                            )}>
                              <span className="el-dropdown-link">
                                任洋<i className="el-icon-caret-bottom el-icon--right"></i>
                              </span>
                           </Dropdown>
                       </div>
                    </div>
                </div>

            </div>
        );
    }
}
Header.propTypes = {
}
export default Header;